.to-name[data-v-07a2d9b3]{position:absolute;left:14px;top:10px;color:#000;z-index:10}.reply-area[data-v-07a2d9b3]{position:relative}[data-v-07a2d9b3] .area-text-name textarea{padding-top:34px!important}.open-class-video[data-v-07a2d9b3]{min-height:900px;background:url(../img/bg.55674c97.png);background-size:100%;width:100%;box-sizing:border-box;padding:20px 120px}.open-class-video #player-container-id[data-v-07a2d9b3]{width:100%;height:778px}.open-class-video video[data-v-07a2d9b3]{background:transparent}.open-class-video[data-v-07a2d9b3] .video-js:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;filter:blur(-100px);background-color:rgba(0,0,0,.4)}.open-class-video[data-v-07a2d9b3] .video-js{background:transparent}.open-class-video .video-container[data-v-07a2d9b3]{display:flex;justify-content:space-between;min-width:1280px}.open-class-video .video-container .left-page[data-v-07a2d9b3]{flex:1;margin-right:8px;background:rgba(22,22,22,.7);border-radius:8px}.open-class-video .video-container .left-page .bottom-bar[data-v-07a2d9b3]{padding:16px;color:#fff;font-size:20px;font-weight:600;display:flex;justify-content:space-between;flex-wrap:nowrap}.open-class-video .video-container .left-page .course_name[data-v-07a2d9b3]{white-space:nowrap;width:800px;text-overflow:ellipsis;overflow:hidden}.open-class-video .video-container .left-page .edit[data-v-07a2d9b3]{display:flex;color:#fff;font-size:12px;font-weight:400}.open-class-video .video-container .left-page .edit .zan[data-v-07a2d9b3]{display:flex;margin-right:24px;align-items:center;cursor:pointer}.open-class-video .video-container .left-page .edit .share[data-v-07a2d9b3]{display:flex;align-items:center;cursor:pointer}.open-class-video .video-container .left-page .edit .icon[data-v-07a2d9b3]{width:24px;height:24px;border-radius:24px;background-color:#333;display:flex;justify-content:center;align-items:center;margin-right:8px}.open-class-video .video-container .right-page[data-v-07a2d9b3]{width:360px;height:838px;border-radius:8px;background:rgba(22,22,22,.7);padding:8px 16px;box-sizing:border-box;overflow:hidden}.open-class-video .video-container .right-page .top-bar[data-v-07a2d9b3]{color:#fff;display:flex;justify-content:space-between;height:26px;align-items:center;font-size:16px;font-style:normal}.open-class-video .video-container .right-page .top-bar .category[data-v-07a2d9b3]{width:200px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.open-class-video .video-container .right-page .top-bar .more[data-v-07a2d9b3]{color:#858b9b;font-size:12px;font-weight:400;line-height:20px;cursor:pointer}.open-class-video .video-container .right-page .line[data-v-07a2d9b3]{height:1px;background:rgba(201,206,214,.1);margin:16px 0}.open-class-video .video-container .right-page .list[data-v-07a2d9b3]{height:calc(100% - 60px);width:120%;overflow-y:scroll}.open-class-video .video-container .right-page .list .item[data-v-07a2d9b3]{display:flex;margin-bottom:16px;cursor:pointer}.open-class-video .video-container .right-page .list .name[data-v-07a2d9b3]{color:#fff;font-size:14px;font-weight:600;line-height:19.6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;width:166px;margin-bottom:12px}.open-class-video .video-container .right-page .list .active[data-v-07a2d9b3]{color:#e7493f}.open-class-video .video-container .right-page .list .pic[data-v-07a2d9b3]{width:152px;height:85px;margin-right:11px;border-radius:5px;overflow:hidden}.open-class-video .video-container .right-page .list .pic img[data-v-07a2d9b3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.open-class-video .video-container .right-page .list .edit[data-v-07a2d9b3]{display:flex;color:#fff;font-size:12px;font-weight:400}.open-class-video .video-container .right-page .list .edit .zan[data-v-07a2d9b3]{display:flex;margin-right:16px;align-items:center}.open-class-video .video-container .right-page .list .edit .zan img[data-v-07a2d9b3]{margin-right:8px}.open-class-video .video-container .right-page .list .edit .share[data-v-07a2d9b3]{display:flex;align-items:center}.open-class-video .video-container .right-page .list .edit .share img[data-v-07a2d9b3]{margin-right:8px}.open-class-video[data-v-07a2d9b3] .app-breadcrumb.el-breadcrumb{display:inline-block;font-size:14px;margin-bottom:15px}.open-class-video[data-v-07a2d9b3] .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner.is-link,.open-class-video[data-v-07a2d9b3] .app-breadcrumb.el-breadcrumb .el-breadcrumb__inner a{color:#858b9b;font-weight:400}.open-class-video[data-v-07a2d9b3] .app-breadcrumb.el-breadcrumb .no-redirect{color:#fff;cursor:text}.open-class-video .comment[data-v-07a2d9b3]{background-color:#fff;min-height:500px;overflow:hidden;padding:40px}.open-class-video .comment .title[data-v-07a2d9b3]{height:34px;position:relative;margin-bottom:20px}.open-class-video .comment .title .title-content[data-v-07a2d9b3]{position:absolute;left:0;top:0;z-index:1}.open-class-video .comment .title .title-text[data-v-07a2d9b3]{color:#2a2f3c;font-size:24px;font-weight:600;line-height:34px}.open-class-video .comment .title .title-desc[data-v-07a2d9b3]{margin-left:16px;font-size:16px;line-height:34px;color:#858b9b}.open-class-video .comment .title[data-v-07a2d9b3]:after{content:"";display:block;width:80px;height:10px;border-radius:8px;opacity:.8;background:linear-gradient(270deg,rgba(255,161,108,0),#eb3b30);position:absolute;bottom:2px;left:0}.open-class-video .comment-list .list-item[data-v-07a2d9b3]{border-bottom:1px solid #eee;padding:20px 0}.open-class-video .comment-list .list-item[data-v-07a2d9b3]:last-child{border-bottom:0 none}.open-class-video .comment-list .list-item .item-header[data-v-07a2d9b3]{display:flex;justify-content:space-between}.open-class-video .comment-list .list-item .item-header .avatar[data-v-07a2d9b3]{width:44px;height:44px;border-radius:44px;overflow:hidden;margin-right:8px}.open-class-video .comment-list .list-item .item-header .user-info[data-v-07a2d9b3]{display:flex;flex-direction:column}.open-class-video .comment-list .list-item .item-header .name-star[data-v-07a2d9b3]{display:flex;align-items:center;margin-bottom:5px}.open-class-video .comment-list .list-item .item-header .name-star .name[data-v-07a2d9b3]{color:#2a2f3c;font-size:16px;font-weight:600;margin-right:16px}.open-class-video .comment-list .list-item .item-header .stars img[data-v-07a2d9b3]{display:inline-block}.open-class-video .comment-list .list-item .item-header .position[data-v-07a2d9b3]{display:flex;align-items:center;color:#a9afb8;font-size:11px}.open-class-video .comment-list .list-item .item-header .position img[data-v-07a2d9b3]{margin-right:4px}.open-class-video .comment-list .list-item .item-header .position span[data-v-07a2d9b3]{margin-right:16px}.open-class-video .comment-list .list-item .item-header .edit-soft .soft-item[data-v-07a2d9b3]{display:flex;align-items:center;margin-right:16px;float:left}.open-class-video .comment-list .list-item .item-header .edit-soft span[data-v-07a2d9b3]{margin-left:4px;color:#6e7580;font-size:12px;font-weight:400;line-height:12px}.open-class-video .comment-list .list-item .item-header .edit-soft .packup[data-v-07a2d9b3]{padding:4px 8px;border-radius:4px;border:.5px solid #bcc1cd}.open-class-video .comment-list .list-item .item-course[data-v-07a2d9b3]{margin:16px 0 8px;display:flex;padding:12px;justify-content:space-between;border-radius:8px;background:#f9fafc}.open-class-video .comment-list .list-item .item-course .left[data-v-07a2d9b3]{display:flex}.open-class-video .comment-list .list-item .item-course .left-img[data-v-07a2d9b3]{width:142px;max-height:80px;margin-right:16px}.open-class-video .comment-list .list-item .item-course .name[data-v-07a2d9b3]{color:#2a2f3c;font-size:14px;font-weight:600;line-height:19.6px}.open-class-video .comment-list .list-item .item-course .tags[data-v-07a2d9b3]{display:flex;margin:8px 0}.open-class-video .comment-list .list-item .item-course .tags .tag[data-v-07a2d9b3]{color:#858b9b;display:flex;padding:5px 8px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:rgba(188,193,205,.15);margin-right:8px}.open-class-video .comment-list .list-item .item-course .price[data-v-07a2d9b3]{color:#e7493f;font-size:16px;font-weight:600}.open-class-video .comment-list .list-item .item-course .right[data-v-07a2d9b3]{color:#49536c;font-size:13px}.open-class-video .comment-list .list-item .item-course .right>div[data-v-07a2d9b3]{margin-bottom:8px;display:flex}.open-class-video .comment-list .list-item .item-course .right>div[data-v-07a2d9b3] .el-rate__icon{margin-right:0;font-size:14px}.open-class-video .comment-list .list-item .item-course .right .img[data-v-07a2d9b3]{display:inline-block;width:12px;height:12px}.open-class-video .comment-list .list-item .content[data-v-07a2d9b3]{color:#49536c;font-size:14px;line-height:22.4px;margin-bottom:14px}.open-class-video .comment-list .list-item .reply-container .reply-avatar[data-v-07a2d9b3]{width:24px;height:24px;border-radius:24px;overflow:hidden;margin-right:8px}.open-class-video .comment-list .list-item .reply-container .reply-avatar img[data-v-07a2d9b3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.open-class-video .comment-list .list-item .reply-container .reply-item[data-v-07a2d9b3]{border-left:3px solid rgba(201,206,214,.2);padding-left:16px;margin-top:8px}.open-class-video .comment-list .list-item .reply-container .reply-header[data-v-07a2d9b3]{color:#6e7580;font-size:12px;display:flex;align-items:center;margin-bottom:8px}.open-class-video .comment-list .list-item .reply-container .reply-header .reply-text[data-v-07a2d9b3]{margin:0 8px;color:#000}.open-class-video .comment-list .list-item .reply-container .reply-header .time-icon[data-v-07a2d9b3]{margin:0 4px 0 16px}.open-class-video .comment-list .list-item .reply-container .reply-content[data-v-07a2d9b3]{width:584px;color:#0f1826;font-size:14px;font-style:normal;font-weight:400;line-height:22.4px}.open-class-video .comment-list .list-item .btn-reply[data-v-07a2d9b3]{cursor:pointer;display:inline-block;margin-top:8px;padding:8px;border-radius:4px;background:rgba(201,206,214,.2);color:#0f1826;font-size:12px}.open-class-video .reply-area[data-v-07a2d9b3]{margin-bottom:24px;margin-top:24px}.open-class-video .reply-area .reply-area-default[data-v-07a2d9b3]{width:100%;height:60px;border-radius:8px;background:#f4f5f7;padding:0 16px;line-height:60px;resize:none;box-sizing:border-box;overflow:hidden}.open-class-video .reply-area .reply-area-default[data-v-07a2d9b3]:hover{background-color:#fff}.open-class-video .reply-area[data-v-07a2d9b3] .el-textarea__inner{width:100%;height:100px;resize:none;border-radius:8px;border:1px solid rgba(188,193,205,.5);color:#000;padding:16px;font-size:14px;line-height:22px;outline:none;box-sizing:border-box}.open-class-video .reply-area[data-v-07a2d9b3] .el-textarea__inner::-moz-placeholder{color:#bcc1cd}.open-class-video .reply-area[data-v-07a2d9b3] .el-textarea__inner::placeholder{color:#bcc1cd}.open-class-video .reply-area .btn-container[data-v-07a2d9b3]{display:flex;justify-content:flex-end;margin-top:16px}.open-class-video .reply-area .btn-submit[data-v-07a2d9b3]{border-radius:4px;background:#e7493f;width:80px;height:32px;line-height:32px;text-align:center;color:#fff;font-size:14px;cursor:pointer}